<extend name="common:productTemplate"/>
<block name="inner_css">
	<meta name="description" content="{{$root.description}}">
    <meta name="keywords" content="{{$root.keywords}}">
    <title ng-bind="$root.titleText"></title>
	<meta name="imagemode" content="force">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="screen-orientation" content="portrait">
    <meta name="format-detection" content="telephone=no">
    <link rel="apple-touch-icon" href="http://i5.wekin.cn/favicon.ico"/>
	<link type="text/css" rel="stylesheet" href="http://s5.wekin.cn/css/index/index_33b3a0b.css">
</block>
<block name="main_content">
   <section id="index-page">
	    <div  id="slider-holder" class="slider-holder">
	        <ul class="slider-list">
	
	            <!--<li id="bawtv88ani" data-track-name="index-wtv88ani-banner">-->
	                <!--<a href="http://www.whaley.cn/zhounianqing.html"></a>-->
	            <!--</li>-->
	            <li id="bawtv78c" data-track-name="index-wt78c-banner">
	            	 <a href="/product/wtv78c/"></a>
	            </li>
	            <li id="bawtv55c" data-track-name="index-wtv55c-banner">
	                <a href="/product/wtv55c/"></a>
	            </li>
	        </ul>
	
	    </div>
	
	    <ul class="clearfix" ng-init="app()">
	
	        <li class="img-wrap-box whole-line-box borderTop slim-list">
	            <a href="/product/wtv43fhd/" target="_self">
	                <img src="http://i5.wekin.cn/img/index/wtv1_7539471.png">
	
	                <span class="icon-recommendation bkc-wred">特价</span>
	
	                <div class="text-container">
	                    <p class="title">微鲸43英寸</p>
	
	                    <p class="desc">炫彩丽音 一机多能</p>
	
	                    <div class="price-box">
	                        <span class="icon">￥ </span>
	                        <span class="price">1898</span>
	                        <!--<span class="icon-bonus">直降200元</span>-->
	                    </div>
	                </div>
	            </a>
	        </li>
	
	        <li class="img-wrap-box whole-line-box borderTop slim-list">
	            <a href="/product/wtv55c/" target="_self">
	                <img src="http://i5.wekin.cn/img/index/wtv2_28b0e8e.png">
	
	                <span class="icon-recommendation bkc-worange">最新</span>
	
	                <div class="text-container">
	                    <p class="title">微鲸电视55英寸 曲面 4K </p>
	
	                    <p class="desc">真4K曲面 HDR 广色域 画面无拖影</p>
	
	                    <div class="price-box">
	                        <span class="icon">￥ </span>
	                        <span class="price">4698</span>
	                    </div>
	                </div>
	            </a>
	        </li>
	        <li class="img-wrap-box whole-line-box borderTop slim-list">
	            <a href="/product/wtv49fhd/" target="_self">
	                <img src="http://i5.wekin.cn/img/index/wtv3_3d08f56.jpg">
	
	                <span class="icon-recommendation bkc-wblue">首发</span>
	
	                <div class="text-container">
	                    <p class="title">微鲸电视49英寸</p>
	
	                    <p class="desc">9.9mm全金属轻薄机身 64位芯片</p>
	
	                    <div class="price-box">
	                        <span class="icon">￥ </span>
	                        <span class="price">2198</span>
	                    </div>
	                </div>
	            </a>
	        </li>
	        <li class="img-wrap-box whole-line-box borderTop slim-list">
	            <a href="/product/wtv55pro/" target="_self">
	                <img src="http://i5.wekin.cn/img/index/wtv4_a8d886f.jpg">
	
	                <div class="text-container">
	                    <p class="title">微鲸电视55英寸 PRO 4K</p>
	
	                    <p class="desc">独立图像处理芯片 旗舰再升级</p>
	
	                    <div class="price-box">
	                        <span class="icon">￥ </span>
	                        <span class="price">4198</span>
	                    </div>
	                </div>
	            </a>
	        </li>
	        <li class="img-wrap-box whole-line-box borderTop slim-list">
	            <a href="/product/wtv50/" target="_self">
	                <img src="http://i5.wekin.cn/img/index/wtv5_c792044.jpg">
	
	
	                <div class="text-container">
	                    <p class="title">微鲸电视50英寸</p>
	
	                    <p class="desc">薄至9.1mm 蓝牙语音 64位芯片</p>
	
	                    <div class="price-box">
	                        <span class="icon">￥ </span>
	                        <span class="price">3398</span>
	                    </div>
	                </div>
	            </a>
	        </li>
	        <li class="img-wrap-box vertical-box borderTop borderRight">
	            <a href="/product/wtv55k1/" target="_self">
	                <img src="http://i5.wekin.cn/img/index/wtv6_74371fe.jpg">
	
	                <span class="icon-recommendation bkc-wred">特价</span>
	
	                <div class="text-container">
	                    <p class="title">微鲸电视55英寸 4K</p>
	
	                    <p class="desc">全进口LG 4K高清硬屏</p>
	
	                    <div class="price-box">
	                        <span class="icon">￥ </span>
	                        <span class="price">3998</span>
	                    </div>
	                </div>
	            </a>
	        </li>
	        <li class="img-wrap-box vertical-box borderTop">
	            <a href="/product/wtv43k1/" target="_self">
	                <img src="http://i5.wekin.cn/img/index/wtv7_f7043fa.jpg">
	
	                <div class="text-container">
	                    <p class="title">微鲸电视43英寸 4K</p>
	
	                    <p class="desc">电视中的小钢炮</p>
	
	                    <div class="price-box">
	                        <span class="icon">￥ </span>
	                        <span class="price">2098</span>
	                    </div>
	                </div>
	            </a>
	        </li>
	
	
	    </ul>
	
	    <h1 class="mod-title">
	        配件中心
	    </h1>
	
	
	    <ul id="supplementary-list" class="clearfix">
	        <li class="img-wrap-box vertical-box borderRight">
	            <a href="/product/guijiaobaohutao">
	                <img src="http://i5.wekin.cn/img/index/sup1_cb8e3e4.png">
	            </a>
	        </li>
	        <li class="img-wrap-box horizontal-box">
	            <a href="/product/yaokongqi">
	                <img src="http://i5.wekin.cn/img/index/sup2_060a2a8.png">
	
	                <div class="text-container">
	                    <p class="title">遥控器</p>
	
	                    <p class="desc">享受轻松操控乐趣</p>
	
	                    <div class="price-box">
	                        <span class="icon">￥ </span>
	                        <span class="price">99</span>
	                        <span class="icon-delivery">包邮</span>
	                    </div>
	                </div>
	            </a>
	        </li>
	        <li class="img-wrap-box horizontal-box borderTop">
	            <a href="/product/soundbar">
	                <img src="http://i5.wekin.cn/img/index/sup3_150c389.png">
	
	                <div class="text-container">
	                    <p class="title">微鲸音响</p>
	
	                    <p class="desc">纤薄机身·悦耳音质</p>
	
	                    <div class="price-box">
	                        <span class="icon">￥ </span>
	                        <span class="price">999</span>
	                        <span class="icon-delivery">包邮</span>
	                    </div>
	                </div>
	            </a>
	        </li>
	        <li class="img-wrap-box whole-line-box borderTop">
	            <a href="/product/hdmi">
	                <img src="http://i5.wekin.cn/img/index/sup4_7f17232.png">
	
	                <div class="text-container">
	
	                    <p class="title">HDMI线</p>
	
	                    <p class="desc">微鲸专用4K, HDMI数据传输线</p>
	
	                    <div class="price-box">
	                        <span class="icon">￥ </span>
	                        <span class="price">49</span>
	                        <span class="icon-delivery">包邮</span>
	                    </div>
	                </div>
	            </a>
	        </li>
	        <li class="img-wrap-box whole-line-box borderTop borderBottom">
	            <a href="/product/guajia">
	                <img src="http://i5.wekin.cn/img/index/sup5_966c65f.png">
	
	                <div class="text-container">
	                    <p class="title">高端伸缩挂架</p>
	
	                    <p class="desc">任性伸缩摇摆，轻松驾驭电视</p>
	
	                    <div class="price-box">
	                        <span class="icon">￥ </span>
	                        <span class="price">399</span>
	                        <span class="icon-delivery">包邮</span>
	                    </div>
	                </div>
	            </a>
	        </li>
	    </ul>
	
	    <h1 class="mod-title">
	        视频介绍
	    </h1>
	    <ul id="player-list" class="clearfix">
	        <li class="vertical-box borderRight popswitch">
	            <a id="video1"></a>
	        </li>
	        <li class="horizontal-box borderBottom popswitch">
	            <a id="video2"></a>
	        </li>
	        <li class="horizontal-box popswitch">
	            <a id="video3"></a>
	        </li>
	    </ul>
	</section>
</block>

<block name="inner_script">
	<script type="text/javascript" charset="utf-8" src="http://s5.wekin.cn/js/vendor/jquery-1.11.3.min_5ea946f.js"></script>
	<script type="text/javascript" charset="utf-8" src="http://s5.wekin.cn/js/app/base_79a234b.js"></script>
	<script type="text/javascript" charset="utf-8" src="http://s5.wekin.cn/js/app/getCartInfo_34da40f.js"></script>
	<script type="text/javascript" charset="utf-8" src="http://s5.wekin.cn/js/app/slider_94c1355.js"></script>
	<script>
	    $.fn.slider.init("#slider-holder");
	
	    $('#player-list li').each(function () {
	        var vidarr = ['XMTQ0ODkxNjYwNA==', 'XMTMwODc0MDAzMg==', 'XMTM5Njc0Njc1Ng=='];
	
	        $(this).on('click', function () {
	
	            var index = $(this).index();
	            $('.pop-layer').show();
	            var player = new YKU.Player('player', {
	                styleid: '0',
	                client_id: '2520f10bf37900b8',
	                vid: vidarr[index],
	                autoplay: true,
	                show_related: false
	            });
	            $('.mask').on('click', function (event) {
	                event.stopPropagation();
	                player.pauseVideo();
	                $('.pop-layer').hide();
	            });
	        });
	    });
	
	</script>


	<div class="pop-layer">
	    <div class="mask"></div>
	    <div id="player"></div>
	</div>
	<script type="text/javascript" charset="utf-8" src="http://s5.wekin.cn/js/app/youku-api_e5ce34c.js"></script>
</block>
